<script>
    layui.use(['layer', 'table', 'form','laydate','tableSelect'], function () {
        var table = layui.table;
        var form = layui.form;
        var layer = layui.layer;
        var laydate = layui.laydate;
        var tableSelect = layui.tableSelect;
        //生成文章标题
        $("#create_article_title").click(function (){
            var category_ids = $("#category_ids").val();
            if(category_ids == ""){
                layer.msg("请选择标题关键词");
                return false;
            }
            $.post("{{route('admin.articles.content')}}",{category_ids:category_ids,type:1},function(d){
                  var title = d.data.return_content;
                  $("#title").val(title);
            },"json");
        });
        {{--var tableSelect2 = layui.tableSelect;--}}
        {{--tableSelect2.render({--}}
        {{--    elem: '#demo2',	//定义输入框input对象 必填--}}
        {{--    checkedKey: 'id', //表格的唯一建值，非常重要，影响到选中状态 必填--}}
        {{--    searchKey: 'title',	//搜索输入框的name值 默认keyword--}}
        {{--    searchPlaceholder: '关键词搜索',	//搜索输入框的提示文字 默认关键词搜索--}}
        {{--    table: {	//定义表格参数，与LAYUI的TABLE模块一致，只是无需再定义表格elem--}}
        {{--        url:"{{route('admin.category.listData')}}?type=2",--}}
        {{--        cols: [[--}}
        {{--            {type: 'checkbox', fixed: 'left'}--}}
        {{--            ,{field: 'id', title: 'ID', width: 80}--}}
        {{--            , {field: 'category_name', title: '名称'}--}}
        {{--        ]]--}}
        {{--    },--}}
        {{--    done: function (elem, data) {--}}
        {{--        //选择完后的回调，包含2个返回值 elem:返回之前input对象；data:表格返回的选中的数据 []--}}
        {{--        //拿到data[]后 就按照业务需求做想做的事情啦~比如加个隐藏域放ID...--}}
        {{--        console.log(data);--}}
        {{--        var ids = "";--}}
        {{--        var idsValue = "";--}}
        {{--        var checkeData = data.data;--}}
        {{--        $.each(checkeData, function(index, value) {--}}
        {{--            ids+=''+value.id+',';--}}
        {{--            idsValue+=''+value.category_name+',';--}}
        {{--        });--}}
        {{--        console.log(ids);--}}
        {{--        console.log(idsValue);--}}
        {{--        $("#demo2").val(idsValue);--}}
        {{--        $("#category_ids_content").val(ids);--}}
        {{--        $("#demo2").attr("ts-selected",ids);--}}
        {{--    }--}}
        {{--});--}}
        //生成文章内容
        $("#create_article_content").click(function (){
            var title = $("#title").val();
            if(title == ""){
                layer.msg("请先生成标题");
                return false;
            }
            const loading = layer.load(1);
            UE.getEditor('editor').setContent('');
            $.post("{{route('admin.articles.content')}}",{title:title,type:2},function(d){
                layer.close(loading);
                var articles_content = d.data.return_content;
                UE.getEditor('editor').setContent(articles_content,true)
            },"json");
        });
        //提交
        //监听提交
        form.on('submit(formSubmit)', function(data){
            data.field.content = UE.getEditor('editor').getContent();
            $.ajax({
                url:"{{route('admin.articles.store')}}",
                method:'post',
                data:data.field,
                dataType:'JSON',
                success:function(res){
                    if(res.code == '0'){
                        layer.msg(res.msg,{icon: 6,time:1000},function(){
                            parent.location.reload();
                        });
                    } else{
                        layer.msg(res.msg,{shift: 6,icon: 5,time:1000});
                    }
                },
                error:function (data) {
                }
            })
            return false;
        });

        //网站
        form.on('select(website_id)', function(data) {
            $("#websites_topic_id").html('');
            var id = data.value;
            //栏目数据
            $.post("{{route('admin.websitesTopic.topicData')}}",{'website_id':id},function (d){
                var data = eval(d.data);
                _html="<option value=''>全部</option>";
                $.each(data,function (index,val){
                    _html+="<option value='"+val.id+"'>"+val.topic_name+"</option>";
                });
                console.log(_html);
                $("#websites_topic_id").html(_html);
                form.render('select');
            });
            //关键词数据
            tableSelect.render({
                elem: '#demo',	//定义输入框input对象 必填
                checkedKey: 'id', //表格的唯一建值，非常重要，影响到选中状态 必填
                searchKey: 'title',	//搜索输入框的name值 默认keyword
                searchPlaceholder: '关键词搜索',	//搜索输入框的提示文字 默认关键词搜索
                table: {	//定义表格参数，与LAYUI的TABLE模块一致，只是无需再定义表格elem
                    url:"{{route('admin.category.listData')}}?type=1&websiteId="+id,
                    cols: [[
                        {type: 'radio', fixed: 'left'}
                        ,{field: 'id', title: 'ID', width: 80}
                        , {field: 'category_name', title: '名称'}
                    ]]
                },
                done: function (elem, data) {
                    //选择完后的回调，包含2个返回值 elem:返回之前input对象；data:表格返回的选中的数据 []
                    //拿到data[]后 就按照业务需求做想做的事情啦~比如加个隐藏域放ID...
                    console.log(data);
                    var ids = "";
                    var idsValue = "";
                    var checkeData = data.data;
                    $.each(checkeData, function(index, value) {
                        ids+=''+value.id+',';
                        idsValue+=''+value.category_name+',';
                    });
                    console.log(ids);
                    console.log(idsValue);
                    $("#demo").val(idsValue);
                    $("#category_ids").val(ids);
                    $("#demo").attr("ts-selected",ids);
                }
            });
        });


    });
</script>
